<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> 图书简介 </title>
    <style>
        img{
            display: inline-block;
            vertical-align: middle;
           
        }
        .box{
            display: inline-block;
            vertical-align: middle;
            
        }
        dl dd{
            display: none;
        }
    </style>
</head>
<body>
    <img src="./store.jpg" alt="">
    <div class="box">
        <h3>
            岛上书店【荐书联盟推荐】[The Storied Life of A.J.Fikry]
        </h3>
        <p class="p1">自营图书几十万畅销品种阶梯满减，抽奖赢魅蓝note3、JDRead阅读器！</p>
        <p class="p2">[美] 加·泽文（Gabrielle Zevin） 著；孙仲旭，李玉瑶 译</p>
        <p class="p3">京东价： <span class="span1">￥24.10</span>  [6.9折] <span class="span2">[定价：￥35.00]</span>  (降价通知)</p>
        <div>
            <span>促销信息：手机专享价 ￥9.90</span>
            <dl>
                <dt>以下促销可在购物车任选其一</dt>
                <dd> <span>地方</span>工程部催芙蓉湖南给人家</dd>
                <dd> <span>百分点</span>和他一块玉</dd>
                    
                    
               
            </dl>
            <p>领 券：105-6 200-16</p>

        </div>
        
    </div>
   
    
</body>
<script src="../lib/jquery.min.js"></script>
<script>
    $(function(){
        $(".p1").css('color','red');
        $(".p3 .span1").css({
            'font-size':'24px',
            'color':'red',
            'font-weight':' bolder',
        });
        $(".p3 .span2").css({
            'color':'#cccccc',
            ' text-decoration':'line-through',
        });
        $("dt").click(function(){
            $('dl dd').show();

        });

        
    });
</script>
</html>